What is a Favicon?
A favicon (favorite icon) is a small graphic that represents a website. It appears in browser tabs, bookmarks, history lists, and even search results. Typically 16×16 or 32×32 pixels, a favicon helps users quickly identify your site among many open tabs.
Why does every website need a favicon?
Favicons build brand recognition and professionalism. They make your site look polished, improve user experience, and help visitors find your tab instantly. Modern browsers also use larger icons (like apple-touch-icon) when saving to home screens, so a complete favicon set is essential for a production website.
How to use this tool
- Upload an image by dragging & dropping or clicking "Browse Image".
- Use the crop area to zoom, pan, and rotate your image.
- Choose a background color if you want to replace transparency.
- Click "Generate Favicons" to create all sizes.
- Download individual files or the complete ZIP package.
- Copy the generated HTML into your website's
<head>.
Supported image formats
PNG, JPG, JPEG, WebP, and SVG. Maximum upload size is 20 MB. Transparency is preserved where the format supports it (PNG, WebP, SVG).
Generated favicon sizes explained
- favicon.ico — Classic multi-resolution icon (16, 32, 48).
- favicon-16x16.png / 32x32 / 48x48 / 64x64 — Standard browser tab and bookmark icons.
- apple-touch-icon.png (180×180) — iOS home screen icon.
- android-chrome-192x192 / 512x512 — Android and PWA icons.
- mstile-150x150.png — Windows tile icon.
- safari-pinned-tab.svg — Monochrome SVG for Safari pinned tabs.
- site.webmanifest — Web app manifest for Android/PWA.
- browserconfig.xml — Legacy Windows tile configuration.
Features
- Drag & drop and browse upload
- Crop, zoom, pan, rotate
- Background color for transparent images
- Automatic centering
- Live favicon preview
- Generate all common sizes
- Download individually or as ZIP
- Copy HTML code with one click
- 100% client-side — no server uploads
- Dark mode based on system preference
Frequently Asked Questions
What is a favicon?
A favicon is a small icon that represents your website, shown in browser tabs, bookmarks, and history.
Why does every website need a favicon?
Favicons improve brand recognition, professionalism, and user experience across browser tabs and bookmarks.
How do I use this favicon generator?
Upload an image, crop/zoom/rotate as needed, then download individual files or a ZIP package. Copy the generated HTML into your site's <head>.
What image formats are supported?
PNG, JPG, JPEG, WebP, and SVG up to 20 MB.
Which favicon sizes are generated?
16×16, 32×32, 48×48, 64×64, apple-touch-icon 180×180, android-chrome 192×192 and 512×512, mstile 150×150, plus favicon.ico and safari-pinned-tab.svg.
Does this tool upload my images?
No. All processing happens locally in your browser using the Canvas API. Your images never leave your device.
Can I use a transparent background?
Yes. You can keep transparency or set a custom background color for formats that don't support alpha (like some .ico and mstile).
How do I download all favicons at once?
Click the 'Download ZIP' button to get all generated files in a single package.
Is this favicon generator free?
Yes, it's completely free and works offline after loading.
Does it work on mobile?
Yes, the interface is mobile-first and fully responsive.
Can I edit the image before generating?
Yes — crop, zoom, pan, and rotate the image inside the crop area.
What is site.webmanifest used for?
It helps Android and PWA installs show the correct icons and theme color.
Privacy Policy
This tool runs entirely in your browser. We do not upload, store, or transmit your images. All processing is local. No analytics or tracking is used in the favicon generation process.
Disclaimer
This favicon generator is provided as-is. CrafterTools is not responsible for any issues arising from generated files. Always test favicons on your production site. Trademarks and logos belong to their respective owners.